<template>
	<!-- 会议培训 -->
	<div id="meeting" class="meeting">
		<Header></Header>
		<!--本来应该是导航，（方便全局替换）-->
		<!-- <HHeader></HHeader> -->
		<div class="meetCont">
			<div class="meetCont_crumbs">
				<span>
					<router-link :to="{ name: 'home' }">首页</router-link>
				</span>
				<i class="iconfont icon-youjiantou"></i>
				<span>会议培训</span>
			</div>
			<div class="meetCont_cluster">
				<div class="meetCont_cluster_Left">
					<div class="periodiCon_dynamic">
						<div class="periodiCon_cluster_Left">
							<div class="floorTitle">
								<span>会议培训</span>
								<i class="iconfont icon-xiegang"></i>
								<span>MEETING TRANING</span>
							</div>
							<div class="periodiCon_cluster_Cont">
								<ul>
									<li :class="{ meetCont: meetCont === 1 }" @click="meetCont = 1">
										<text @click="getTableDataA('StartTime')">学术会议</text>
									</li>
									<li :class="{ meetCont: meetCont === 2 }" @click="meetCont = 2">
										<text @click="getTableDataB('StartTime')">精品会议</text>
									</li>
									<li :class="{ meetCont: meetCont === 3 }" @click="meetCont = 3">
										<text @click="getTableDataC('StartTime')">网络课堂</text>
									</li>
									<li :class="{ meetCont: meetCont === 4 }" @click="meetCont = 4">
										<text @click="getTableDataD('StartTime')">继续教育</text>
									</li>
								</ul>
								<ul v-show="meetCont == 1">
									<li v-for="(item, index) in meetContListA" :key="index"
										:class="{ meetContNav: meetContNav === index }" @click="tomenudetail(item)">
										<p>
											<!-- <router-link :to="{name:'meetingdetail',query:{id:item.Id}}">{{item.title}}</router-link> -->
											<a v-html="item.Title"></a>
										</p>
										<p>
											<span v-if="item.ExpertName != null">授课专家：{{ item.ExpertName }}</span>
											<span v-if="item.StartTime != '0001-01-01'">{{
                        item.StartTime
                      }}</span>
										</p>
										<p v-html="item.Content" style="
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        line-clamp: 2;
                        -webkit-box-orient: vertical;
                      "></p>
										<!-- <p>{{item.mid}}</p> -->
									</li>
									<!-- <el-pagination @size-change="handleSizeChange"
										@current-change="handleCurrentChangeA" :current-page="currentPageA"
										:page-sizes="[10, 15, 20, 25, 30]" :page-size="10" :total="totalA">
									</el-pagination> -->
									<li class="" style="padding-top:20rpx;border: none;">
										<el-pagination @size-change="handleSizeChange" @change="handleCurrentChangeA"
											:currentPage="currentPageA" :pageSize="10" :page-size="10" :total="totalA"
											:showPageSize='10'></el-pagination>
									</li>
									<div style="clear: both"></div>
								</ul>
								<ul v-show="meetCont == 2">
									<li v-for="(item, index) in meetContListB" :key="index"
										:class="{ meetContNav: meetContNav === index }" @click="tomenudetail(item)">
										<p>
											<!-- <router-link :to="{name:'meetingdetail',query:{title:item.title,cont:item.content,StartTime:item.StartTime,EndTime:item.EndTime,LinkMan:item.expertName,id:item.Id}}">{{item.title}}</router-link> -->
											<a v-html="item.Title"></a>
										</p>
										<p>
											<span v-if="item.ExpertName != null">授课专家：{{ item.ExpertName }}</span>
											<span style="float: right"
												v-if="item.StartTime != '0001-01-01'">{{ item.StartTime }}</span>
										</p>
										<p v-html="item.Content" style="
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        line-clamp: 2;
                        -webkit-box-orient: vertical;
                      "></p>
										<!-- <p>{{item.mid}}</p> -->
									</li>
									<li class="" style="padding-top:20rpx;border: none;">
									<el-pagination @size-change="handleSizeChange" @change="handleCurrentChangeB"
										:currentPage="currentPageB" :pageSize="10" :page-size="10" :total="totalB"
										:showPageSize='10'></el-pagination>
										</li>
									<!-- <el-pagination @size-change="handleSizeChange"
										@current-change="handleCurrentChangeB" :current-page="currentPageB"
										:page-sizes="[10, 15, 20, 25, 30]" :page-size="10" :total="totalB">
									</el-pagination> -->
									<div style="clear: both"></div>
								</ul>
								<ul v-show="meetCont == 3">
									<li v-for="(item, index) in meetContListC" :key="index"
										:class="{ meetContNav: meetContNav === index }" @click="tomenudetail(item)">
										<p>
											<!-- <router-link :to="{name:'meetingdetail',query:{title:item.title,cont:item.content,StartTime:item.StartTime,EndTime:item.EndTime,LinkMan:item.expertName,id:item.Id}}">{{item.title}}</router-link> -->
											<a v-html="item.Title"></a>
										</p>
										<p>
											<span v-if="item.ExpertName != null">授课专家：{{ item.ExpertName }}</span>
											<span style="float: right"
												v-if="item.StartTime != '0001-01-01'">{{ item.StartTime }}</span>
										</p>
										<p v-html="item.Content" style="
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        line-clamp: 2;
                        -webkit-box-orient: vertical;
                      "></p>
										<!-- <p>{{item.mid}}</p> -->
									</li>
									<li class="" style="padding-top:20rpx;border: none;">
										<el-pagination @size-change="handleSizeChange" @change="handleCurrentChangeC"
											:currentPage="currentPageC" :pageSize="10" :page-size="10" :total="totalC"
											:showPageSize='10'></el-pagination>
									</li>
									<!-- <el-pagination @size-change="handleSizeChange"
										@current-change="handleCurrentChangeC" :current-page="currentPageC"
										:page-sizes="[10, 15, 20, 25, 30]" :page-size="10" :total="totalC">
									</el-pagination> -->
									<div style="clear: both"></div>
								</ul>
								<ul v-show="meetCont == 4">
									<li v-for="(item, index) in meetContListD" :key="index"
										:class="{ meetContNav: meetContNav === index }" @click="tomenudetail(item)">
										<p>
											<!-- <router-link :to="{name:'meetingdetail',query:{title:item.title,cont:item.content,StartTime:item.StartTime,EndTime:item.EndTime,LinkMan:item.expertName,id:item.Id}}">{{item.title}}</router-link> -->
											<a v-html="item.Title"></a>
										</p>
										<p>
											<span v-if="item.ExpertName != null">授课专家：{{ item.ExpertName }}</span>
											<span style="float: right"
												v-if="item.StartTime != '0001-01-01'">{{ item.StartTime }}</span>
										</p>
										<p v-html="item.Content" style="
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        line-clamp: 2;
                        -webkit-box-orient: vertical;
                      "></p>
										<!-- <p>{{item.mid}}</p> -->
									</li>
									<li class="" style="padding-top:20rpx;border: none;">
										<el-pagination @size-change="handleSizeChange" @change="handleCurrentChangeD"
											:currentPage="currentPageD" :pageSize="10" :page-size="10" :total="totalD"
											:showPageSize='10'></el-pagination>
									</li>
									<!-- <el-pagination @size-change="handleSizeChange"
										@current-change="handleCurrentChangeD" :current-page="currentPageD"
										:page-sizes="[10, 15, 20, 25, 30]" :page-size="10" :total="totalD">
									</el-pagination> -->
									<div style="clear: both"></div>
								</ul>
								<div style="clear: both"></div>
							</div>
							<div style="clear: both"></div>
						</div>
						<div style="clear: both"></div>
					</div>

				</div>

				<div style="clear: both"></div>

			</div>

		</div>

		<!--  -->
	</div>
</template>


<script>
	// import router from "@/router/index";
	//juqery

	import elPagination from '@/components/page-pagination/components/page-pagination/page-pagination'
	import Vue from "vue";
	export default {
		name: "meeting",
		components: {
			elPagination
		},
		data() {
			let that = this;
			return {
				swiperOption: {
					pagination: {
						el: ".swiper-pagination"
					}, // 分页按钮
					autoplay: {
						disableOnInteraction: false, // 用户操作swiper之后，是否禁止autoplay
						delay: 3000, // 自动切换的时间间隔（单位ms）
					},
				},
				// Lmurl: "http://bjlm.bosihw.cn",
				// LmurlB: "http://appjk.yywkt.com/xshyContent/?MID=",
				meetCont: 1,
				meetContNav: 0,
				thesisC: 0,
				meetList: [{
						num: "1",
						title: "美迪康会议",
					},
					{
						num: "2",
						title: "学术会议",
					},
					{
						num: "3",
						title: "平台会议",
					},
					// {
					//   num:'3',
					//   title:'直播培训'
					// }
				],
				meetingLunbo: [],
				meetContListB: [],
				meetContListA: [],
				meetContListC: [],
				mediaContcityB: [{
						img: "../../../static/会议/会议培训.png",
						title: "第二十三届全军血管外科学术会",
					},
					{
						img: "../../../static/会议/第八届中国天津心血管病论坛.jpg",
						title: "第八届中国天津心血管病论坛",
					},
					{
						img: "../../../static/会议/第一届南华血管论坛(9.5·衡阳)侧记.jpg",
						title: "第一届南华血管论坛(9.5·衡阳)侧记",
					},
					{
						img: "../../../static/会议/武汉亚心总医院开展华中首次经心尖二尖瓣夹合器手术.jpg",
						title: "武汉亚心总医院开展华中首次经心尖二尖瓣夹合器手术",
					},
					{
						img: "../../../static/会议/全国血管外科“星火燎原计划”.jpg",
						title: "全国血管外科“星火燎原计划”",
					},
				],
				meetContListD: [],
				PageIndex: 1,
				PageSize: 10,
				currentPageA: 1,
				currentPageB: 1,
				currentPageC: 1,
				currentPageD: 1,
				currentPage: 1,
				total: 0,
				totalA: 0,
				totalB: 0,
				totalC: 0,
				totalD: 0,
				timeArr: [{
						id: "A01",
						date: "2016-04-20 23:22:11"
					},
					{
						id: "A02",
						date: "2016-04-21 21:00:11"
					},
					{
						id: "A03",
						date: "2016-04-23 22:00:22"
					},
					{
						id: "A04",
						date: "2016-04-19 12:22:00"
					},
					{
						id: "A05",
						date: "2016-02-19 11:11:00"
					},
				],
			};
		},
		methods: {
			handleSizeChange() {

			},
			getInfo() {
				this.getTableDataA();
				this.getTableDataB();
				this.getTableDataC();
				this.getTableDataD();
			},
			tomenudetail(item) {
				this.$uniRouter.push({
					path: "/meeting/meetingdetail",
					query: {
						id: item.ContentID,
					},
				});
			},
			toMenu(id) {
				window.open(id);
			},
			// toMenuB(id) {
			//   window.open(this.LmurlB + id);
			// },
			getData() {
				this.$httphelper.get("/api/Lm/GetMeetingtrainBanners")
					.then((res) => {
						this.meetingLunbo = res.data.data;
						// this.meetingLunbo.forEach(e => {
						//   e.imgbanner = this.Lmurl + e.Imgbanner;
						// });
					})
					.catch((e) => {
						console.log(e);
					});
			},
			// 学术会议
			getTableDataA() {
				var params = {
					condition: 1,
					PageIndex: this.currentPageA,
					PageSize: 10
				};
				console.log('par', params, '浏览')
				this.$httphelper.post("/api/Lm/GetMeetingtrainList", params)
					.then((res) => {
						this.meetContListA = res.data.data;
						this.totalA = parseInt(res.data.totalcount);
						this.meetContListA.forEach((item) => {
							item.StartTime = item.StartTime.substr(0, 10);
						});
						this.meetContListA = this.meetContListA.sort(function(a, b) {
							return (
								Date.parse(b.StartTime.replace(/-/g, "/")) -
								Date.parse(a.StartTime.replace(/-/g, "/"))
							);
						});
					})
					.catch((e) => {
						console.log(e, '123123');
					});
			},
			// 精品会议
			getTableDataB() {
				var params = {
					condition: 2,
					PageIndex: this.currentPageB,
					PageSize: 10
				};
				this.$httphelper.post("/api/Lm/GetMeetingtrainList", params)
					.then((res) => {
						this.meetContListB = res.data.data;
						this.totalB = parseInt(res.data.totalcount);
						this.meetContListB.forEach((item) => {
							item.StartTime = item.StartTime.substr(0, 10);
						});
						this.meetContListB = this.meetContListB.sort(function(a, b) {
							return (
								Date.parse(b.StartTime.replace(/-/g, "/")) -
								Date.parse(a.StartTime.replace(/-/g, "/"))
							);
						});
					})
					.catch((e) => {
						console.log(e);
					});
			},
			// 网路课堂
			getTableDataC() {
				var params = {
					condition: 3,
					PageIndex: this.currentPageC,
					PageSize: 10
				};
				this.$httphelper.post("/api/Lm/GetMeetingtrainList", params)
					.then((res) => {
						this.meetContListC = res.data.data;
						this.totalC = parseInt(res.data.totalcount);
					})
					.catch((e) => {
						console.log(e);
					});
			},
			// 继续教育
			getTableDataD() {
				var params = {
					condition: 4,
					PageIndex: this.currentPageD,
					PageSize: 10
				};
				this.$httphelper.post("/api/Lm/GetMeetingtrainList", params)
					.then((res) => {
						this.meetContListD = res.data.data;
						this.totalD = parseInt(res.data.totalcount);
					})
					.catch((e) => {
						console.log(e);
					});
			},
			handleCurrentChangeA(val) {
				this.currentPageA = val;
				this.getTableDataA();
				let osTop = document.documentElement.scrollTop || document.body.scrollTop;
				let ispeed = Math.floor(-osTop / 1.5);
				document.documentElement.scrollTop = document.body.scrollTop =
					osTop + ispeed;
				this.isTop = true;
			},
			handleCurrentChangeB(val) {
				this.currentPageB = val;
				this.getTableDataB();
				let osTop = document.documentElement.scrollTop || document.body.scrollTop;
				let ispeed = Math.floor(-osTop / 1.5);
				document.documentElement.scrollTop = document.body.scrollTop =
					osTop + ispeed;
				this.isTop = true;
			},
			handleCurrentChangeC(val) {
				this.currentPageC = val;
				this.getTableDataC();
				let osTop = document.documentElement.scrollTop || document.body.scrollTop;
				let ispeed = Math.floor(-osTop / 1.5);
				document.documentElement.scrollTop = document.body.scrollTop =
					osTop + ispeed;
				this.isTop = true;
			},
			handleCurrentChangeD(val) {
				this.currentPageD = val;
				this.getTableDataD();
				let osTop = document.documentElement.scrollTop || document.body.scrollTop;
				let ispeed = Math.floor(-osTop / 1.5);
				document.documentElement.scrollTop = document.body.scrollTop =
					osTop + ispeed;
				this.isTop = true;
			},
			// compare(attr) {
			//   return function(a,b){
			//     var val1 = a[attr];
			//     var val2 = b[attr];
			//     return val2 - val1;
			//   }
			// },
			// sortKey(array, key) {
			//   return array.sort(function(a, b) {
			//     var x = a[key];
			//     var y = b[key];
			//     return x > y ? -1 : x < y ? 1 : 0;
			//   });
			// },
			// sortDataArray(dataArray,led){
			//   return dataArray.sort(function(a,b) {
			//     return Date.parse(b.led.replace(/-/g,"/"))-led.parse(a.date.replace(/-/g,"/"));
			//   });
			// },
		},
		created() {
			this.getInfo();
			this.getData();
		},
		computed: {
			// newdataList: function() {
			//   return this.sortKey(this.meetContListB, "StartTime");
			// },
		},
	};
</script>

<style lang="less" scoped>
	#meeting {
		/deep/.el-pagination__total {
			display: none;
		}

		/deep/.el-pagination__sizes {
			display: none;
		}

		width: 100%;

		.meetCont {
			width: 100%;
			height: 100%;

			.meetCont_crumbs {
				width: 100%;
				height: 40rpx;
				margin: 0 auto;
				position: relative;
				margin-top: 56rpx;
				text-align: left;
				line-height: 40rpx;
				padding-left: 20rpx;

				span:nth-child(1) a {
					color: #000000;
					font-size: 32rpx;
					font-weight: bold;
					cursor: pointer;
				}

				i {
					color: #767c82;
					font-size: 36rpx;
					margin-left: 20rpx;
					font-weight: bold;
				}

				span:nth-child(3) {
					color: #003c80;
					font-size: 32rpx;
					margin-left: 20rpx;
					font-weight: bold;
					cursor: pointer;
				}
			}

			.meetCont_cluster {
				width: 100%;
				margin: 0 auto;

				.meetCont_cluster_Left {
					width: 100%;
					height: auto;
					position: relative;
					float: left;

					.floorTitle {
						width: 100%;
						height: 600rpx;

						.floorTitle_img {
							width: 100%;
							height: 600rpx;
							float: left;

							img {
								width: 100%;
								height: 100%;
							}
						}

						.floorTitle_intro {
							width: 400rpx;
							height: 600rpx;
							background: #003c80;
							float: right;
							padding: 44rpx 28rpx 26rpx 24rpx;
							position: relative;

							.floorTitle_intro_celebrated {
								width: 350rpx;
								color: #fff;
								font-size: 32rpx;
								text-align: left;
								height: 84rpx;
								overflow: hidden;
								text-overflow: ellipsis;
								display: -webkit-box;
								-webkit-line-clamp: 2;
								line-clamp: 2;
								/* autoprefixer: off */
								-webkit-box-orient: vertical;
								/* autoprefixer: on */
							}

							.floorTitle_intro_author {
								color: #fff;
								font-size: 28rpx;
								text-align: right;
							}

							.floorTitle_intro_cont {
								width: 340rpx;
								height: 300rpx;
								margin-top: 22rpx;
								color: #e6e6e6;
								font-size: 14rpx;
								overflow: hidden;
								text-overflow: ellipsis;
								display: -webkit-box;
								-webkit-line-clamp: 7;
								line-clamp: 7;
								/* autoprefixer: off */
								-webkit-box-orient: vertical;
								/* autoprefixer: on */
								text-align: justify;
							}

							div {
								width: 140rpx;
								height: 44rpx;
								background: #fff;
								border-radius: 10rpx;
								line-height: 44rpx;
								text-align: center;
								float: right;
								margin-top: 26rpx;
								cursor: pointer;

								a {
									font-size: 24rpx;
									font-weight: 400;
									color: #003c80;
								}
							}
						}
					}

					.periodiCon_dynamic {
						width: 100%;
						margin: 0 auto;
						position: relative;
						margin-top: 56rpx;

						.periodiCon_cluster_Left {
							width: 100%;
							height: auto;
							position: relative;
							float: left;

							.floorTitle {
								width: 100rpx;
								height: 70rpx;
								border-bottom: 4rpx solid #eee;
								position: relative;

								span:nth-child(1) {
									display: inline-block;
									font-size: 40rpx;
									color: #000;
									width: 170rpx;
									height: 70rpx;
									border-bottom: 4px solid #003c80;
									font-family: "Adobe Heiti Std R";
									font-weight: normal;
									line-height: 60rpx;
								}

								span:nth-child(3) {
									color: #797979;
									font-size: 28rpx;
									font-family: "Adobe Heiti Std R";
								}
							}

							.periodiCon_cluster_Cont {
								width: 100%;
								margin-top: 30rpx;
								position: relative;

								ul:nth-child(1) {
									padding: 0;
									width: 100%;
									height: 64rpx;
									position: relative;

									.meetCont {
										background: #003c80;

										text {
											color: #fff !important;
										}
									}

									i {
										font-style: normal;
										font-size: 32rpx;
										position: absolute;
										color: #eee;
										top: 8rpx;
									}

									i:nth-child(2) {
										left: 14%;
									}

									i:nth-child(4) {
										left: 28%;
									}

									li {
										list-style: none;
										float: left;
										width: 194rpx;
										height: 64rpx;
										line-height: 64rpx;
										text-align: center;
										margin-right: 60rpx;

										a {
											display: block;
											color: #000000;
											width: 100%;
											height: 100%;
											font-size: 32rpx;
										}
									}
								}

								ul:nth-child(2),
								ul:nth-child(3),
								ul:nth-child(4),
								ul:nth-child(5) {
									width: 100%;
									height: 100%;
									margin-top: 34rpx;
									position: relative;
									padding-bottom: 96rpx;

									li:hover {
										background: #f7f8fa;

										p:nth-child(1) a {
											color: #003c80;
										}

										div {
											span {
												background: #003c80;
											}
										}
									}

									li {
										list-style: none;
										width: 100%;
										height: auto;
										float: left;
										margin-right: 88rpx;
										cursor: pointer;
										padding: 36rpx 32rpx 34rpx 32rpx;
										background: #fff;
										box-sizing: border-box;
										border-bottom: 1px solid #e6e6e6;

										p:nth-child(1) {
											color: #003c80;
											font-size: 36rpx;
											// font-weight: bold;
											overflow: hidden;
											text-overflow: ellipsis;
											display: -webkit-box;
											-webkit-line-clamp: 1;
											line-clamp: 1;
											/* autoprefixer: off */
											-webkit-box-orient: vertical;
											/* autoprefixer: on */
											width: 100%;

											a {
												color: #003c80;
												font-weight: 400;
											}
										}

										p:nth-child(2) {
											// margin-top: 13px;
											color: #8b8b8b;
											font-size: 28rpx;
											text-align: justify;
											overflow: hidden;
											text-overflow: ellipsis;
											display: -webkit-box;
											-webkit-line-clamp: 2;
											line-clamp: 2;
											/* autoprefixer: off */
											-webkit-box-orient: vertical;
											/* autoprefixer: on */
											width: 100%;
											display: none;
										}

										div {
											width: 100%;
											height: 44rpx;
											margin-top: 30rpx;

											span {
												float: left;
												background: #c0c0c0;
												display: inline-block;
												padding: 8rpx;
												margin-bottom: 8rpx;
												border-radius: 10rpx;
												color: #fff;
												font-size: 16rpx;
												line-height: 44rpx;
												text-align: center;
												margin-right: 42rpx;
											}
										}

										p:nth-child(3) {
											color: #8b8b8b;
											font-size: 28rpx;
											margin-top: 30rpx;
										}
									}
								}
							}
						}
					}
				}

				.meetCont_cluster_Right {
					width: 530rpx;
					float: right;
					border-left: 1px solid #eeeeee;
					position: relative;

					.academicity:nth-child(1) {
						margin-top: 0px;
					}

					.academicity {
						width: 500rpx;
						height: 64rpx;
						margin-left: 40rpx;
						margin-top: 56rpx;

						span:nth-child(1) {
							float: left;
							width: 180rpx;
							height: 64rpx;
							color: #333;
							font-size: 40rpx;
							text-align: center;
							line-height: 44rpx;
							font-family: "SourceHanSansSC-Regular";
							border-bottom: 2px solid #003c80;
							cursor: pointer;
						}

						span:nth-child(2) {
							float: right;
							width: 314rpx;
							height: 64rpx;
							color: #333;
							line-height: 44rpx;
							font-size: 40rpx;
							text-align: left;
							border-bottom: 2px solid #eeeeee;
							cursor: pointer;
						}
					}

					.flrList {
						width: 500rpx;
						margin-left: 38rpx;
						margin-top: 20rpx;

						.thesisA {
							a {
								color: #003c80;
							}

							span {
								color: #003c80;
							}

							li:last-child {
								padding-bottom: 16rpx !important;
							}
						}

						li:nth-child(1) {
							padding-top: 18rpx !important;
						}

						li:last-child {
							padding-bottom: 0px !important;
						}

						li:last-child {
							border-bottom: none;
						}

						li:hover {
							a {
								color: #003c80;
							}

							span {
								color: #003c80;
							}
						}

						li {
							list-style: none;
							padding: 36rpx 0px;
							width: 100%;
							border-bottom: 1px solid #eeeeee;

							a {
								color: #333333;
								font-size: 28rpx;
								font-weight: bold;
							}
						}
					}

					.flrListC {
						width: 500rpx;
						margin-left: 38rpx;
						margin-top: 20rpx;

						.thesisC {
							// p{
							//   color: #003c80;
							// }
						}

						li {
							list-style: none;
							padding: 28rpx 0px;
							width: 100%;
							border-bottom: 1px solid #eeeeee;
							margin-bottom: 28rpx;
							cursor: pointer;

							div {
								width: 100%;
								height: 306rpx;
								float: left;

								img {
									width: 100%;
									height: 100%;
								}
							}

							p {
								display: inline-block;
								color: #333333;
								font-size: 32rpx;
								width: 100%;
								text-align: center;
								margin-top: 28rpx;
							}
						}

						li:hover {
							p {
								color: #003c80;
							}
						}
					}
				}
			}
		}
	}

	#footBase {
		margin-top: 18rpx;
	}

	/deep/.el-pagination__rightwrapper {
		position: absolute;
		left: 17%;
		top: 2px;
	}

	/deep/.el-pagination {
		position: absolute;
		bottom: 0px;
		width: 100%;
		text-align: center;
	}

	/deep/.footBot {
		margin-top: 0px !important;
	}

	.el-carousel__item h3 {
		color: #475669;
		font-size: 28rpx;
		opacity: 0.75;
		line-height: 300rpx;
		margin: 0;
	}

	.el-carousel__item:nth-child(2n) {
		background-color: #99a9bf;
	}

	.el-carousel__item:nth-child(2n + 1) {
		background-color: #d3dce6;
	}

	@media screen and (min-width: 1010px) {
		.pcSwiper {
			display: block;
		}

		.moSwiper {
			display: none;
		}
	}

	@media screen and (max-width: 1010px) {
		.mofootBot {
			margin-top: 30rpx !important;
		}

		/deep/.el-pagination {
			position: absolute;
			bottom: 0px;
			width: 100%;
			text-align: center;
			overflow: hidden;
			overflow-x: auto;
		}

		.periodiCon_cluster_Cont {
			margin-bottom: 152rpx !important;
		}

		#meeting .meetCont .meetCont_cluster .meetCont_cluster_Left .periodiCon_dynamic .periodiCon_cluster_Left .periodiCon_cluster_Cont ul:nth-child(2) li div {
			height: 100% !important;
		}

		/deep/.el-pagination__sizes {
			display: none !important;
		}

		#meeting .meetCont .meetCont_cluster .meetCont_cluster_Left .periodiCon_dynamic .periodiCon_cluster_Left .periodiCon_cluster_Cont ul:nth-child(2) li div span {
			float: none !important;
			padding: 8rpx;
			margin-bottom: 12rpx;
			display: inline-block;
		}

		.floorTitle {
			display: none;
		}

		.mofloorTitle_img {
			width: 100%;
			height: 100%;

			img {
				width: 100%;
				height: 100%;
			}
		}

		.swiperSlide span {
			width: 29%;
			height: 67%;
			float: left;
			position: relative;
			top: 82rpx;
			margin-right: -14rpx;
			margin-left: 34rpx;
		}

		.swiper-container {
			width: 100%;
			height: 100%;
		}

		.swiperSlide img {
			width: 100%;
			height: 100%;
		}

		.pcSwiper {
			display: none;
		}

		.moSwiper {
			display: block;
		}

		.meetCont_cluster_Right {
			display: none;
		}

		#meeting .meetCont .meetCont_crumbs {
			width: 97%;
			margin-top: 20rpx !important;
			display: none;

			span:nth-child(1) a {
				font-size: 36rpx;
			}

			i {
				font-size: 48rpx !important;
				margin-left: 8rpx !important;
				position: relative;
				top: 4rpx;
			}

			span:nth-child(3) {
				font-size: 34rpx !important;
				margin-left: 0px !important;
				position: relative;
				top: 0px;
			}
		}

		#meeting .meetCont .meetCont_cluster {
			width: 100%;

			.meetCont_cluster_Left {
				width: 100%;

				.floorTitleB {
					height: 364rpx !important;
				}

				.floorTitle {
					width: 100%;
				}

				.periodiCon_dynamic {
					width: 94%;
					margin-top: 30rpx !important;

					.periodiCon_cluster_Left {
						width: 100%;

						.floorTitle {
							width: 100%;

							span:nth-child(1) {
								font-size: 36rpx;
								width: 156rpx;
							}
						}

						.periodiCon_cluster_Cont {

							ul {
								width: 100% !important;
								font-size: 32rpx;
							}

							ul:nth-child(1) {
								li {
									width: 30%;
									margin-right: 20rpx;
								}

								i {
									display: none;
								}
							}

							ul:nth-child(2),
							ul:nth-child(3),
							ul:nth-child(4) li {
								p:nth-child(2) {
									font-size: 30rpx !important;
								}
							}
						}
					}
				}
			}
		}
	}
</style>
